/* HIDDEN DIV BOX */

@import "mixins";

#watch_video {
	background-repeat: repeat;
	background: #2aa29d url('images/bg-slide.jpg') no-repeat center 0;
	padding-top: 100px;
	padding-bottom: 70px;
	display: none;
	position: relative;
	z-index: 9999;
	max-height: 690px;

	@media (max-width: 460px) { 
		padding-top: 55px; 
    	padding-bottom: 35px;
	}



	p {
		color: #254661;
		font-size: 34px;
		font-weight: 700;
		line-height: 100%;
		margin-bottom: 50px;
		@media (max-width: 460px) {font-size: 24px;margin-bottom: 25px;}
		&.white {
			color: #fff;
			text-transform: uppercase;
			font-size: 31px;
			line-height: 90%;
			margin-bottom: 50px;
			@media (max-width: 460px) {font-size: 24px;margin-bottom: 25px;}

		}
	}

	a.button {
		border-radius: 0px;
		padding: 5px 12px 5px 12px;
		font-size: 12px;
		height: 36px;
		text-transform: uppercase;
		font-size: 19px;
		color: #fff;
		font-weight: 700;
		@media (max-width: 460px) {height: 32px;font-size: 16px;}

		&.btn-warning {
			background-color: #e3862a;
			background-image: none;
		}
		&.btn-info {
			background: none;
			border: 2px solid #fff;
			margin-bottom: 15px;
		}

		
	}

	span.close {
		height: 20px;
		width: 20px;
		position: absolute;
		right: -550px;
		top: -40px;
		font-size: 26px;
		text-indent: -9999px;
		background-image: url("images/close.png");
		background-size: 100%;
		@media (max-width: 460px) {right: 0;}
        @media(max-width:767px){right: 0;}
	}

	div#show_video {

		background-image: url("images/top_video.png");
		width: 550px;
		height: 440px;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-top: 12%;
		@media (max-width: 460px) {display: none;}
        @media(max-width:767px){display: none;}
		a {
			display: block;
			height: 100%;
			text-indent: -9999px;
		}
		
		#video_header{
			width: 449px;
			height: 260px;
			position: relative;
			left: 97px;
			top: 32px;
			
		}


	} 
}



/*CSS TABLET IPADS+SAMSUNG ANDROID*/

/* iPads (landscape)  */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    #watch_video {
    	padding-top: 70px;
    	.col-md-7 {
	    	width: 50%;
		    .close {
			    right: -460px;
			}
		    p {
	    		&.white {
	    		}
		    }
		    a.button {
			}
	 	}
	 	.col-md-5 {
		    width: 45%;
		    #show_video {
			    width: 465px;
			    #video_header {
					width: 355px;
					height: 200px;
					position: relative;
					left: 80px;
					top: 30px;
					
				}
			}
		}
  	}


}

/* iPads (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

  	#watch_video {
    	padding-top: 50px;
    	padding-bottom: 50px;
    	.col-sm-12 {
	    	width: 50%;
	    	float: left;
		    .close {
			    right: -340px;
			    top: -20px;
			}
		    p {
		    	font-size: 26px;
	    		margin-bottom: 25px;
	    		&.white {
	    			margin-bottom: 25px;
	    			font-size: 24px;
	    		}
		    }
		    a.button {
			    font-size: 16px;
			    height: 32px;
			}
	 	}
	 	.col-sm-5 {
		    width: 50%;
		    float: left;
		    #show_video {
			    width: 100%;
			    height: 360px;
			    #video_header {
					width: 270px;
					height: 160px;
					position: relative;
					left: 70px;
					top: 20px;
				}
			}
		}
  	}


}


/*Samsung Tabs (Landscape)*/
@media only screen (max-device-width: 1280px) and (orientation: landscape) { 

	#watch_video {
		.col-sm-12 {
			.close {
				right: -525px;
    			top: -20px;
			}
			p {
				margin-bottom: 25px;
				&.white {
					margin-bottom: 25px;
				}
			}

		}
		.col-sm-5 {
			#show_video {
				width: 530px;
    			height: 360px;
			}
		}
	}	


}

/*Samsung Tabs (Portrait)*/
@media only screen (max-device-width: 800px) and (orientation: portrait) { 

}